/* pages/article-detail/article-detail.wxss */
@import '../../app.less';
page{
    background:#ffffff;
}
.container{
    width:100%;
    // padding:20rpx;
    .article-title{
        color:@main-color;
        font-size:36rpx;
        line-height:50rpx;
        font-weight:bold;
        margin:20rpx 0;
    }
    .article-info{
        color:@minor-color;
        font-size:24rpx;
        line-height:34rpx;
        padding-bottom:20rpx;
        margin-bottom:20rpx;
        border-bottom:solid 2rpx #e5e5e5;
        .author-avatar{
            width:84rpx;
            height:84rpx;
            border-radius:50%;
        }
        .author-name{
            margin:0 20rpx;
        }
    }
    .article-audio{
        width:100%;
        height:120rpx;
        background:#fafafa;
        border-radius:4rpx;
        .play-btn{
            width:84rpx;
            height:84rpx;
            border-radius:50%;
            margin:0 30rpx 0 18rpx;
        }
        .audio-info{
            margin-right:18rpx;
            .article-name{
                color:@main-color;
                font-size:24rpx;
                line-height:34rpx;
            }
            .slider{
                padding:0;
                margin:0;
            }
            .control-process{
                color:@minor-color;
                font-size:24rpx;
                line-height:34rpx;
            }
        }
    }
    .article-detail{
        color:@main-color;
        font-size:24rpx;
        line-height:34rpx;
        margin:20rpx 0;
    }
    .article-pic{
        width:100%;
        height:346rpx;
    }
    .goods-video{
        width:710rpx;
        height:346rpx;
        margin:15rpx 0;
    }
    .goods{
        width:698rpx;
        height:120rpx;
        background:#ffffff;
        border:solid 2rpx #e7e7e7;
        border-radius:8rpx;
        box-shadow:0px 2px 14px 0px rgba(231,231,231,1);
        .goods-pic{
            width:96rpx;
            height:96rpx;
            margin:12rpx 10rpx 12rpx 16rpx;
        }
        .goods-name{
            color:@main-color;
            font-size:24rpx;
            line-height:34rpx;
            margin-bottom:28rpx;
        }
        .price{
            color:#ff4e4e;
            font-size:24rpx;
            line-height:34rpx;
            text{
                font-size:32rpx;
                line-height:44rpx;
            }
        }
    }
    .article-detail-pic{
        width:750rpx;
    }
}
